﻿
.wrap_body{max-width: 750px; min-height: 100vh; margin: 0 auto;}
/*img{zoom: 0.5;}*/
input{border: none;}
.inp { width: 100%; padding-left: 5px; padding-right: 5px; box-sizing: border-box; text-align: right;}
.wrap_body button{ border: none; display: block; margin: 0 auto;}
header { position: fixed; top: 0; left: 0;  height: 45px; width: 100%; box-sizing: border-box;z-index: 999;}
header div:nth-child(2) { padding: 0 40px; overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分文字以...显示*/}
header .back,
header .search { height: 100%; width: 40px;}
header .search { top: 0; right: 0;}
header .search_wrap { top: -5px;}
header .search_wrap input { width: 80%; border-radius: 5px; background-color: rgba(255,255,255,0.5);}

header .back a { background: url(../images/back.png) no-repeat; background-size: 27%; background-position: left center; display: block; height: 60%;}
header .search a { background: url(../images/set/search.png) no-repeat; background-size: 60%; background-position: right center; display: block; height: 75%;}

.header { position: fixed; top: 0; left: 0; height: 45px; width: 100%; box-sizing: border-box;}
.header .back { height: 58%; width: 40px; padding-left: 5px;}
.header .back a { background: url(../images/pre.png) no-repeat; background-size: cover; width: 17px; height: 17px;}
footer { position: fixed; bottom: 0; left: 0; right: 0; border-top: 1px solid #eee;}
footer .code { width: 60px; padding: 2px; border-radius: 50%; background-color: #fff;  margin: -30px auto 0;}
footer div { width: 33.3%;}
/*@media only screen and (max-width: 750px) {
	footer div { width: 40%;}
}*/
footer div.code a{ width:58px; background-image: url(../images/w/code.png); height: 58px; cover; background-repeat: no-repeat; background-size: cover; margin: 0 auto;}
footer .ccc.active { color: #000000;}


/*登陆页面*/
.login { background-image: url(../images/bg_img.png); background-size: cover; position: relative;}
.login .language{ width: 90px; border: 1px solid #ccc; border-radius: 15px; position: absolute; right: 15px;}
.login .language .lang { width: 70px; box-sizing: border-box;}
.login .language:hover .pop { display: block;}
.login .phone_n,
.login .psd { border-bottom: 1px solid #e9e9e9;}
.login .phone_n:hover,
.login .psd:hover{ border-bottom: 1px solid #fd796d;}
.login .login_btn { border-radius: 30px;}
/*弹出框*/
.login .pop { position: absolute; top: 30px; border-top: 1px solid transparent; line-height: 2em; display: none; border: 1px solid #ccc; border-radius: 0.2rem;}
.login .pull_img { width: 7px;}
.login .pop li{ padding: 0 20px; border-bottom: 1px solid #ccc;}
.login .pop li:last-child{ border: none;}

/*注册页面*/
@media only screen and (min-height: 100px) and (max-height: 600px) {
	.register .item input { padding-top: 20px;}
	.register .title { margin-top: 10px;}
	.register .item.first { margin-top: 10px;}
}
.register .text button { border:1px solid #fd5749; display: inline;}
.register .content .item { border-bottom: 1px solid #e9e9e9;}
.register .content .item:hover { border-bottom-color: #fd796d;}
.register .content .item .code { border-radius: 30px; border: 1px solid #fd5749; display: inline-block; min-width: 80px;}
.register .content .item .code.c{color: white; background: #E9E9E9 !important; border: 1px solid #E9E9E9;}
.register .content .item .fill { width: 100%;}
.register .sure { border-radius: 30px; border: 1px solid #fd5749;}
.register .text .reg_btn { border-radius: 30px; border: 1px solid #fd5749;}
.register .text .reg_btn.back { border: none;}
.register .content .item .pull_down { width: 7px; height: 6px; background-image: url(../images/pull_down.png); background-size: cover;}
.register .success_img { width: 64px;}
.register .content .sel_red{border-bottom: 1px solid #fd5749;}
.mui-poppicker-header .mui-btn{font-size: 16px; border: 0;}

/*修改密码页面*/
.change_password { background: #F5F4F4;}
.change_password .text button { border:1px solid #fd5749; display: inline;}
.change_password .text .code { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 10px; border: 1px solid #fd796d; border-radius: 30px;}
.change_password .text .reg_btn { border-radius: 25px; display: block; margin: 0 auto;}


/*下厨成功*/
.checkout_success .success_img { width: 123px;}

/*工作台*/
.work .top .table dl dd { background-image: url(../images/w/clock.png); background-repeat: no-repeat; background-size: 							17%;padding-left: 54px;background-position: center;}
.work .top .list { border-radius: 10px; background: #fff; padding: 15px 15px 15px 20px;}
.work .top .list .do_it { border-radius: 30px; border: 1px solid #fd5749;}
.work .info .more_info { border-radius: 30px;}
.work .menu { box-sizing: border-box;}
.work .menu div { width: 50%; box-sizing: border-box;}
.work .menu .menu_01 { border-right: 1px solid #ccc; }
/*图片*/
.work .logo_img { width: 53px; height: 52px; border-radius: 50%;}
.work .off_duty_img { width: 27px;}
.work .icon_img { width: 25px;}
.work .no_info .center { border-radius: 10px;}
.work .no_info .bg { width: 127px; height: 127px; background-image: url(../images/default_graph/no_work.png); background-size: cover; margin: auto;}
.work .more { width: 25px;}
.work .m_img { width: 42px;}
.work .pay_code { box-sizing: border-box;border-top: 1px solid #e9e9e9;}
.work .item { width: 33.33%; padding: 30px 0;  border-bottom: 1px solid #e9e9e9; height: 125px; box-sizing: border-box;}
.work .item:nth-child(3n) { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9;}
.work .my_table { width: 100%;  border-bottom: 1px solid #e9e9e9;}
.work .my_table dt { box-sizing: border-box;}
.work .my_table img { width: 34px; height: 34px; top: 5px;}
.work .item img { width: 30px;}
.work .item .point { top: -10px; right: 35px; width: 16px; height: 16px; border-radius: 50%; font-size: 12px; line-height: 16px;}
.work .bottom .item .top { height: 30px;}

.work .ad { background-image: url(../images/w/ad.png); height: 110px; background-size: cover; background-repeat: no-repeat; }
.iconfont { font-size: 22px;}


/*无店铺*/
.without_shop .main{ background: url(../images/without/bg.png);  background-size: cover;}
.without_shop .number { width: 25px; height: 25px; border-radius: 50%; line-height: 25px; text-align: center; background-color: #f5f5f5; color: #1a54d7; }
.without_shop .line-ccc { width: 80px; margin: 20px auto 30px; border-radius: 10px;}
.without_shop .text { border-radius: 10px;}


/*有店铺*/
.have_shop .main { background-image: url(../images/have_shop/bg.png); background-size: cover;}
.have_shop .icon { width: 64px;}
.have_shop .item { border-radius: 10px;}
.have_shop .btn { border-radius: 30px; width: 115px; margin: 15px auto 0;}
.have_shop .btn.blue { border: 1px solid #1a54d7;}


/*管理*/
.manage { background: #F5F4F4;}
.manage .main { background-image: url(../images/manage/bg.png); background-size: cover; line-height: 25px;}
.manage .main .icon { width: 80px; height: 80px; border-radius: 50%;}
.manage .main .icon img { width: 80px; height: 80px; border-radius: 50%;}

.manage .main .bg { width: 25px; height: 25px;background-size: cover;}
.manage .main .bg.bg_01 { background-image: url(../images/manage/m_01.png); }
.manage .main .bg.bg_02 { background-image: url(../images/manage/m_02.png); }
.manage .main .bg.bg_03 { background-image: url(../images/manage/m_03.png); }
.manage .main .bg.bg_04 { background-image: url(../images/manage/m_04.png); }
.manage .main .bg.bg_05 { background-image: url(../images/manage/m_05.png); }
.manage .main .bg.bg_06 { background-image: url(../images/manage/m_06.png); }
.manage .main .bg.bg_07 { background-image: url(../images/manage/m_07.png); }
.manage .main .bg_r { background-image: url(../images/right.png);background-size: cover; height: 15px; width: 9px;}
.manage .main .voice { width: 50px; height: 25px; border-radius: 12.5px; background-color: #1a54d7;border: 1px solid #1a54d7;}
.manage .main .voice div { width: 24px; height: 24px; border-radius: 50%; background-color: #fff;}
.manage .main .voice div.active { background-color: transparent;}
.manage .btn { border-radius: 30px;}
.onoffswitch { position: relative; width: 50px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.onoffswitch-checkbox { display: none;}
.onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #f5f4f4; border-radius: 20px;}
.onoffswitch-inner { display: block; width: 200%; margin-left: -100%; transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before,
.onoffswitch-inner:after { display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px; font-size: 19px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;box-sizing: border-box;}
.onoffswitch-inner:before { content: "ON"; padding-left: 13px; background-color: #1a54d7; color: #1a54d7;}
.onoffswitch-inner:after { content: "OFF"; padding-right: 13px; background-color: #ccc; color: #ccc; text-align: right;}
.onoffswitch-switch { display: block; width: 21px; margin: 4.5px; background: #FFFFFF; position: absolute; top: 0; bottom: 0; right: 18px; border: 2px solid #f5f4f4; border-radius: 20px; transition: all 0.3s ease-in 0s;}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner { margin-left: 0;}
.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {right: 0px;}

/*账号设置*/
.account_setting{ background: #F5F4F4;}
.account_setting .icon { width: 80px;height: 80px; border-radius: 50%;}
.account_setting .inp_file {width: 80px; height: 80px; right: 0; top: 0; opacity: 0;}
.account_setting .change { height: 15px; width: 9px; background-image: url(../images/right.png);background-size: cover;}
.account_setting .btn { border-radius: 30px;}

/*我的店铺*/
.my_shop { background-image: url(../images/my_shop/bg.png); background-size: cover; min-height: 100vh;}
.my_shop header div { padding: 0;}
.my_shop header div a { height: 25px;}
.my_shop .content .item { border-radius: 10px;}
.my_shop .content .item .icon { width: 60px;height: 60px; border-radius: 50%;}
.my_shop .content .item .clock { width: 128px; height: 128px;}
.my_shop .content .item .btn { border: 1px solid #1a54d7; border-radius: 30px; width: 115px; overflow: hidden; margin: auto;}
.my_shop .content .item .btn_red { border-color: #fd5749; }
.my_shop .number { width: 25px; height: 25px; border-radius: 50%; line-height: 25px; text-align: center; background-color: #f5f5f5; color: #1a54d7; }
.my_shop .line-ccc { width: 80px; margin: 20px auto 30px; border-radius: 10px;}
.my_shop .text { border-radius: 10px;}
.my_shop .scan_code { background-image: url(../images/w/code.png); background-size: cover; width: 85px; height: 84px; margin: 30px auto 20px;}


/*开启语音播报*/
.open_voice { background: #F5F4F4;}
.open_voice .voice_img { width: 157px; height: 157px; margin: 40px auto; border-radius: 50%;}
.open_voice .voice_img div { width: 93px; height: 93px; margin: auto; top: 0; right: 0; left: 0; bottom: 0; background-image: url(../images/open_voice/voice.png); background-size: cover;}
.open_voice .top { border-radius: 10px;}
.open_voice .main .voice { width: 50px; height: 25px; border-radius: 12.5px; background-color: #1a54d7;border: 1px solid #1a54d7;}
.open_voice .main .voice div { width: 24px; height: 24px; border-radius: 50%; background-color: #fff;}
.open_voice .main .voice div.active { background-color: transparent;}
.open_voice .main .bg_r { background-image: url(../images/right.png);background-size: cover; height: 15px; width: 9px;}

/*语言设置*/
.language_setting { background: #F5F4F4;}
.language_setting .item .wrap { width: 20px; height: 20px; border: 1px solid #ccc; border-radius: 50%;}
.language_setting .item .wrap .in { width: 14px; height: 14px; border-radius: 50%; margin: auto; top: 0; left: 0; right: 0; bottom: 0; display: none;}
.language_setting .item .wrap .in.checked { display: block;}


/*考勤记录*/
.attendance_record { background: #F5F4F4;}
.attendance_record .calendar { border-radius: 30px;}
.attendance_record .content .calendar .left{ background-image: url(../images/attendance_record/left.png); background-size: cover; width: 9px; height:18px;}
.attendance_record .content .calendar .right{ background-image: url(../images/attendance_record/right.png); background-size: cover; width: 10px; height:18px;}
.attendance_record .content .calendar dt div { }
.attendance_record .content .calendar dd div{ background-image: url(../images/attendance_record/calendar_s.png); background-size: cover; width: 22px; height:20px;}
.attendance_record .content .item dl { border-radius: 10px; height: 100%;}
.attendance_record .content .item dl dd { border-left: 1px solid #ccc; }
.attendance_record .content .item dl dt div { width: 23px; height: 23px; border: 1px solid #fd5749;border-radius: 50%; line-height: 24px;}
.attendance_record .content .item dl dt div p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.attendance_record .content .item dl dd .work .start { background-image: url(../images/attendance_record/date.png); background-size: cover; width: 18px; height:18px;}
.attendance_record .content .item dl dd .leave .people { background-image: url(../images/attendance_record/people.png); background-size: cover; width: 14px; height:18px; margin-right: 4px;}
.attendance_record .record_bg { width: 141px; height: 141px; background-image: url(../images/default_graph/no.png);background-size: cover;margin: 30px auto 20px;}
.attendance_record .no_info { margin: auto; left: 0; right: 0; top: 35%; bottom: 65%;}

/*短信验证*/
.sms_verification .content div { border-bottom: 1px solid #e9e9e9;}
.sms_verification .content div:hover { border-bottom: 1px solid #fd5749;}

/*修改密码2*/
.change_password_two .content div { border-bottom: 1px solid #e9e9e9;}
.change_password_two .content div:hover { border-bottom: 1px solid #fd5749;}
.change_password_two .content div input { width: 100%;}
.change_password_two .btn a { border-radius: 30px;}


/*输入手机号页面*/
.enter_phone_number .content .pull_down {width: 8px; height: 7px; background-image: url(../images/pull_down.png); background-size: cover; }
.enter_phone_number .content>div { border-bottom: 1px solid #e9e9e9;}
.enter_phone_number .content>div:hover { border-bottom: 1px solid #fd5749;}
.enter_phone_number .btn .get_code { border-radius: 30px;}
/*弹窗*/
.mask { width: 100%; height: 100vh; top: 45px; left: 0; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 99;}
.mask .notice { width: 55px; height: 55px; top: -25px; left: 50%; background-image: url(../images/notice.png); background-size: cover; transform: translateX(-27.5px); -webkit-transform: translateX(-27.5px);}
.mask .success { width: 55px; height: 55px; top: -25px; left: 50%; background-image: url(../images/coupon/success.png); background-size: cover; transform: translateX(-27.5px); -webkit-transform: translateX(-27.5px);}
.mask .wrap { border-radius: 10px; margin: auto; top: 0; left: 0; right: 0; bottom: 0;}
.mask .wrap p a { border: 1px solid #fd796d; border-radius: 30px;}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.mask .wrap p .cancel,
	.mask .wrap p .sure { padding: 10px 40px;}
}


/*上班页面*/
.go_duty { background-color: #eee;}
.go_duty .content .top { background-image: url(../images/w/bg.png); background-size: cover; /* height: 175px;*/ border-radius: 0 10px 0 0;} 
@media all screen and (max-width: 750px) {
	.go_duty .content .top { background-image: url(../images/w/bg.png); background-size: cover; width: 287px; height: 175px; display: none;}
}
.go_duty .content .top .icon { width: 71px; height: 71px; border-radius: 50%;} 
.go_duty .content hr { border: 1px dotted #ccc;}
.go_duty .content .bottom { box-shadow: 0px 5px 5px #ccc;}
.go_duty .content .bottom .circle { width: 20px; height: 20px; background-color: #eee; border-radius: 50%;} 
.go_duty .content .bottom .circle:first-child { margin-left: -10px;} 
.go_duty .content .bottom .circle:last-child { margin-right: -10px;} 
.go_duty .content .bottom .go { background-image: url(../images/w/go_duty.png); background-size: cover; width: 72px; height: 72px; margin: auto;} 
.go_duty .content .bottom .off { background-image: url(../images/w/off_duty_2.png);}
.go_duty .content .page { border-radius: 0 0 10px 10px; border-bottom: 1px solid #eee; box-shadow: 0px 5px 5px #ccc; }
.go_duty .content .page_01 { transform: translateX(4%); -webkit-transform: translateX(4%); }
.go_duty .content .page_02 { transform: translateX(9%); -webkit-transform: translateX(9%); }


/*优惠券核销*/
.discount_coupon header .see{ right: 12px;}
.discount_coupon .content .scan { width: 33px; height: 30px; background-image: url(../images/coupon/scan.png); background-size: cover;}
.discount_coupon .content .search { border-radius: 10px; transform: translateY(25px);-webkit-transform: translateY(25px);  box-shadow: 0px 2px 5px #f6e1df;}
.my_shop.discount_coupon .content .search { box-shadow: 0px 0px 5px #ddd;}
.discount_coupon .content .search input { border-radius: 10px;}
.discount_coupon .content .search input::-webkit-input-placeholder { color: #ccc; font-size: 20px;}
.discount_coupon .content .btn { border-radius: 30px;}
.discount_coupon .content .see { width: 16px; height: 20px; background-image: url(../images/coupon/discount_coupon.png); background-size: cover; display: inline-block;}
.number-key { position: fixed; left: 0; bottom: 0; width: 100%; background: #fff; padding-top: 10px;}
.discount_coupon .number-key li { float: left; width: 33.33%; text-align: center; border-top: 1px solid #ddd;}
.number-key li span { display: block; height: 70px; line-height: 70px;}
.number-key li span:active{ background: #f3f3f3;}
.number-key li span img{ width:37px; height: 22px; display: inline-block; vertical-align: middle;}
.number-key li:nth-child(3n-1) span{ border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
/*核销记录页*/
.write_off_record { background-color: #ededee;}
.write_off_record .content .have_record .item { border-bottom: 1px solid #e9e9e9;}
.write_off_record .content .have_record .item .detail { border: 1px dotted #e9e9e9;}
.write_off_record .content .have_record dd .bg { width: 23px; height: 13px; background-image: url(../images/coupon/vip.png); background-size: cover; display: inline-block;}
.write_off_record .content .have_record .icon { width: 40px; height: 40px; vertical-align: top;}
.write_off_record .content .no_record { left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.write_off_record .content .no_record .bg { width: 141px; height: 141px; background-image: url(../images/default_graph/no.png); background-size: cover; margin: auto ;}


/*核销成功页*/
.write_off_success .can_cancel { background-color: #ededee;}
/*可核销*/
.write_off_success .can_cancel .wrap { border-radius: 10px;}
.write_off_success .btn { border-radius: 30px;}
.write_off_success .can_cancel .wrap .top { border-bottom: 1px solid #e9e9e9;}
/*已核销*/
.write_off_success .have_cancel .wrap { border-radius: 10px;}
.write_off_success .have_cancel .wrap .bg { width: 68px; height: 52px; background-image: url(../images/coupon/used_zh.png); background-size: cover;}
.write_off_success .have_cancel .wrap .top { border-bottom: 1px solid #e9e9e9;}
.write_off_success .have_cancel .status { display: inline-block; border-radius: 5px; right: -5px; top: 15px;}
.write_off_success .have_cancel .vip { width: 23px; height: 13px; background-image: url(../images/coupon/vip.png); background-size: cover; display: inline-block;}
.write_off_success .icon { width: 60px; height: 60px;}


/*餐桌状态*/
.table_status header div:nth-child(2) { padding: 0 40px;}
.table_status header div:last-child { padding: 0;}
.table_status header .regulate { right: 0; top: 20%;}
.table_status .content .state .item { width: 32%; vertical-align: baseline;}
.table_status .content .state .item>div { border-radius: 5px;}
.table_status .content .state .item .top { border-radius: 8px;}
.table_status .content .state .item:nth-child(3n-1) { margin: 0 1.5%;}
.table_status .content .state .item .ellipsis { display: inline-block; max-width: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.table_status .content .state .item .bg { width: 30px; height: 30px; background-size: cover; display: inline-block;}
.table_status .content .state .item .bg_01 { background-image: url(../images/w/s_01.png);}
.table_status .content .state .item .bg_02 { background-image: url(../images/w/s_02.png);}
.table_status .content .state .item .bg_03 { background-image: url(../images/w/s_03.png);}
.table_status .content .state .item .bg_04 { background-image: url(../images/w/s_04.png);}
.table_status .content .state .item .clock { width: 12px; height: 12px; background-image: url(../images/w/clock_s.png); background-size: cover; display: inline-block;top: -3px;}
.table_status .table_info,
.table_status .table_open { position: fixed; width: 100%; left: 0; bottom: 0; top: auto; overflow: auto;}
.table_status .table_open { height: 570px;}
.table_status .table_open .title { position: fixed; width: 100%;}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.table_status .table_open { height: 510px;}
}
.table_status .table_info .close,
.table_status .table_open .close { width: 27px; height: 27px; background-image: url(../images/w/close.png); background-size: cover; display: inline-block;}
.table_status .table_info .opt { border: 1px solid #e9e9e9; border-radius: 10px; width: 48%;}
.table_status .table_info .opt:active { border-color: #fd5749;}
.table_status .table_info .opt:nth-child(2n-1) { margin-right: 2.8%;}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.table_status .table_info .opt:nth-child(2n-1) { margin-right: 2.6%;}
}
.table_status .table_info .opt_bg { width: 52px; height: 52px; background-image: url(../images/w/i_01.png); background-size: cover; margin: auto;}
.table_status .table_info .opt_02 { background-image: url(../images/w/i_02.png);}
.table_status .table_info .opt_03 { background-image: url(../images/w/i_03.png);}
.table_status .table_info .opt_04 { background-image: url(../images/w/i_04.png);}
.table_status .table_open .menu { border: 1px solid #e9e9e9; width: 31%; border-radius: 10px;}
.table_status .table_open .menu.active { border: 1px solid #fd5749; color: #fff; background-color: #fd5749;}
.table_status .table_open .menu:nth-child(3n-1) { margin: 0 1.5%;}
.table_status .table_open .info .n { border-top: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; box-sizing: border-box;}
.table_status .table_open .info .n:active { color: #fd5749; font-weight: bold; background-color: #eee;}
.table_status .table_open .info .del { width: 29px; height: 19px; background-image: url(../images/w/del.png); background-size: cover; display: inline-block;}
.table_status .table_open .info .ok:active { font-weight: bold;}

/*桌台管理*/
.table_management header div:nth-child(2) { padding: 0 40px;}
.table_management header div:last-child { padding: 0;}
.table_management header .regulate { right: 0; top: 20%;}
.table_management .content .state .item { width: 32%; vertical-align: baseline;}
.table_management .content .state .item>div { border-radius: 5px;}
.table_management .content .state .item .top .wrap { width: 35px; height: 35px; border-radius: 50%; margin: 15px auto 0;}
.table_management .content .state .item:nth-child(3n-1) { margin: 0 1.5%;}
.table_management .content .state .item .bg { width: 20px; height: 20px; background-image: url(../images/w/pitch_on.png); background-size: cover; display: none;}


/*店铺码*/
.shop_code_apply .content .top{ height: 230px; background-image: url(../images/w/bg_b.png); background-size: cover; background-repeat: no-repeat;}
.shop_code_apply .btn { border-radius: 30px;}
.shop_code_apply .bottom .bg { width: 16px; height: 16px; background-image: url(../images/w/notice.png); background-size: cover; display: inline-block; top: 2px;}
.shop_code_apply .bottom .text,
.shop_code_apply .bottom .empty
 { box-shadow: 0px 4px 6px #ccc; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.shop_code_apply .bottom .empty { height: 100px; margin: 0 auto; transform: translateX(5%); -webkit-transform: translateX(5%);}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.shop_code_apply .bottom { margin-bottom: 120px;}
}


/*点菜*/
.order .set_meal {position: fixed; top: 45px; width: 100%;}
.order .set_meal .wrap{ width: 500px; height: 50px; }
.order .set_meal .set_meal_wrap { overflow: auto; }
.order .set_meal .set_meal_wrap::-webkit-scrollbar{ width: 0;}
.order .set_meal .item { height: 50px; min-width: 155px; border-radius: 10px;}
.order .set_meal .item .text { width: 100%; height: 47px; background-image: url(../images/set/bg.png); background-size: cover; box-sizing: border-box; border-radius: 6px;}
.order .set_meal .item .co { border-radius: 10px;}
.order .num { width: 17px; height: 17px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.order .num_01 { top: -2px; right: -6px;}
.order .num_02 { top: -15px; right: -6px;}
.order .num_03 { top: -10px; right: -70px;}
.order .num_04 { top: -32px; left: 50px;}
.order .classify { position: fixed; width: 100%; top: 127px;}
.order .classify .menu { width: 92px; height: 65vh; overflow: auto;}
.order .classify .menu ul { height: 80vh;}
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.order .classify .menu ul { height: 95vh;}
	
}
.order .classify .menu ul li { border-left: 2px solid transparent;}
.order .classify .menu ul li.active { background-color: #fff; border-left: 2px solid #fd5749;}
.order .classify .content .title .l { width: 2px; height: 12px; display: inline-block; top: 2px;}
.chili_wrap { top: 2px;}
.chili { height: 14px; top: 2px; left: 0;}
 .add,.minus{ width: 25px; height: 25px; background-image: url(../images/set/minus.png); background-size: cover;}
.add { background-image: url(../images/set/add.png);}
.add_02 { background-image: url(../images/set/add_02.png);}
.circle { width: 25px; height: 25px;}
.order .classify .content { overflow: auto; height: 65vh;}
.order .classify .content::-webkit-scrollbar { width: 0;}
.order .classify .content .number { top: -8px;}
.order .classify .content ul li .list { border-bottom: 1px solid #e9e9e9;}
.order .classify .content ul li .list .btn { border: 1px solid #fd5749; border-radius: 30px;}
.order .pay { position: fixed; left: 0; bottom: 0;width: 100%; }
.order .pay .car { width: 40px; height: 40px; top: -35px; left: 18px;}
.order .pay .price,
.order .pay .btn { height: 50px; box-sizing: border-box;}


/*菜谱页*/
.menu .chili { height: 16px;}
.menu .content .top { border-bottom: 1px solid #e9e9e9;}
.menu .content .bottom ul { border-bottom: 1px solid #e9e9e9;}
.menu .content .bottom ul li { width: 22%; border: 1px solid #e9e9e9; border-radius: 5px; }
.menu .content .bottom .beizhu li { width: auto;border: 1px solid #e9e9e9; border-radius: 5px;}
.menu .content .bottom .beizhu ol li{ border: 0; border-right:1px solid #e9e9e9; height: 100%; padding: 10px; border-radius:0 ;}
.menu .content .bottom .beizhu ol li:last-of-type{border: 0;}
.menu .content .bottom ul li.active { background-color: #fd5749; color: #fff; border-color: #fd5749; }
/*.menu .content .bottom ul li:nth-child(4n) { margin-right: 0;}*/
.menu .content .bottom ul li.pitch{ background:#fd5749; color: white;}
.menu .content .bottom .switch { width: 50px; height: 25px; background-color: #fff; border-radius: 30px; border: 1px solid #1a54d7;}
.menu .content .bottom .switch div { width: 24px; height: 24px; background-color: #1a54d7; border-radius: 50%;}
.menu .content .bottom .switch .switch_open { background-color: #1a54d7;}
.menu .content .bottom .remark { border: 1px solid #e9e9e9; border-radius: 10px;}
.menu .content .bottom .pen { width: 20px; height: 20px; background-image: url(../images/set/pen.png); background-size: cover; display: inline-block;}
.menu .pay { position: fixed; left: 0; bottom: 0;width: 100%; }
.menu .pay .car { width: 40px; height: 40px; top: -35px; left: 18px;}
.menu .pay .price,
.menu .pay .btn { height: 50px; box-sizing: border-box; border-top: 1px solid #e9e9e9;}
.menu .pay .btn { border-color: transparent;}
.menu .content .bottom ul li .num { width: 17px; height: 17px; border-radius: 50%; display: inline-block;  top: -8px; left: 65px; border: 1px solid #fd5749; z-index: 2;}
.menu .all div { border: 1px solid #e9e9e9; width: 48%; border-radius: 10px;}
.menu .all div.opt { background-color: #fd9210; color: #fff;}
.menu .all div.opt:last-child { background-color: #795fff; color: #fff;}

.menu .all .bg { width: 15px; height: 15px; background-image: url(../images/w/pack.png); background-size: cover; display: inline-block; top: 2px;}
.menu .all .bg_02 { background-image: url(../images/w/wait.png);}
.menu .all div.opt .bg{ background-image: url(../images/w/pack_w.png);}
.menu .all div.opt .bg_02{ background-image: url(../images/w/wait_w.png);}
.menu .all .pack { border-right: 1px solid #cccccc; box-sizing: border-box;}
.menu .all .pack.pac { background-color: #fd9210; color: #fff; }
.menu .all .wait.wai { background-color: #795fff; color: #fff;}
.menu .all .pack.pac .bg{background-image: url(../images/pack.png);}
.menu .all .pack.pac .bg_02{background-image: url(../images/time.png);}
.mask .minus,
.mask .add { width: 24px; height: 24px; background-image: url(../images/set/minus.png); background-size: cover; display: inline-block; top: 5px;}
.mask .add { background-image: url(../images/set/add_02.png);}
.mask.menu .wrap { border-radius: 6px;}
.mask.menu .bottom { border-top: 1px solid #e9e9e9;}
.mask.menu .top div:first-child { top: 10px;}

/*点菜搜索页*/
.order_search .content .info .list { border-bottom: 1px solid #e9e9e9;}
.order_search .content .info .list .btn { border: 1px solid #fd5749; border-radius: 30px;}
.order_search .content .info .list .num { width: 17px; height: 17px; border-radius: 50%; display: inline-block; vertical-align: middle;top: -10px; right: -65px;}
.order_search .content .no_info { width: 100px; height: 100px; margin: auto; left: 0; top: 0; right: 0; bottom: 0; }
.order_search .content .no_info .bg { width: 141px; height: 141px; background-image: url(../images/default_graph/no.png); background-size: cover; margin: auto;}


/*订单详情*/
.order_detail { background-color: #ffeeec;}
.order_detail header .back a { background-size: 23%; height: 90%;}
.order_detail header .regulate { top: 12px; right: 0px;}
.order_detail .menu .item .list { border-bottom: 1px solid #e9e9e9;}
.order_detail .menu .item .list:last-child { border-bottom: none;}
.order_detail .menu .item .list.b_no { border: none;}
.order_detail .ticked { width: 17px; height: 17px; border-radius: 50%; border: 1px solid #d0d0d0; box-sizing: border-box; display: none;}
.order_detail .num_sort { width: 17px; height: 17px; }
.order_detail .ticked div { width: 10px; height: 10px; border-radius: 50%; margin: 3px auto; display: none;}
.order_detail .menu .item .list .r { height: 17px;}
.order_detail .menu .item .list .number,
.order_detail .menu .item .list .price { width: 70px;}
.order_detail .menu .item .remark { width: 15px; height: 15px; background-image: url(../images/set/r_01.png); background-size: cover; display: inline-block; margin-bottom: 5px;}
.order_detail .menu .item .remark {margin-right: 6px;}
.order_detail .menu .item .r_02 { background-image: url(../images/set/r_02.png);}
.order_detail .menu .item .r_03 { background-image: url(../images/set/r_03.png);}
.order_detail .menu .item .r_04 { background-image: url(../images/set/r_04.png);}
.order_detail .menu .item .r_05 { background-image: url(../images/set/r_05.png);}
.order_detail .end { border-bottom: 1px solid #e9e9e9;}
.order_detail .end hr { background-color: #e9e9e9; height: 1px; border: none;}
.order_detail .opt>div { border-right: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; box-sizing: border-box;}
.order_detail .opt>div:last-child { border-right: none; }
.order_detail .pay { border-top: 1px solid #e9e9e9; position: fixed;left: 0; bottom: 0; height: 50px; width: 100%;}
.order_detail .all .bg { width: 15px; height: 15px; background-image: url(../images/w/pack.png); background-size: cover; display: inline-block; top: 2px;}
.order_detail .all .bg_02 { background-image: url(../images/w/wait.png);}
.order_detail .all { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}
.order_detail .all .pack { border-right: 1px solid #cccccc; box-sizing: border-box;}
.order_detail .all .pack:active { background-color: #fd9210; color: #fff;}
.order_detail .all .wait:active { background-color: #795fff; color: #fff;}

/*已下厨订单*/
.confirmed_order .result { border-bottom: 1px solid #e9e9e9;}

/*工作记录*/
.work_record .content nav { border-bottom: 1px solid #e9e9e9;}
.work_record .content nav div { margin: 0 4%; border-bottom: 2px solid transparent;}
.work_record .content .deal .item,
.work_record .content .no_deal .item { border-radius: 10px; box-shadow: 2px 5px 5px #e9e9e9;}
/*.work_record .content nav div.active { border-bottom: 2px solid #fd5749; color: #fd5749;}*/
.work_record .content nav div.active { border-bottom: 2px solid #fd5749; color: #fd5749;}
.work_record .content .deal .item .clock { width: 14px; height: 14px; background-image: url(../images/w/clock.png); background-size: cover; display: inline-block; right: 6px; top: 2px;}
.work_record .deal_btn { border: 1px solid #fd5749; border-radius: 30px;}
.work_record .no_info { width: 127px; height: 127px; margin: auto; left: 0; top: 0; right: 0; bottom: 0;}
.work_record .no_info .bg { width: 127px; height: 127px; background-image: url(../images/default_graph/no_work.png); background-size: cover; margin: auto;}

/*店铺码*/
.shop_code .logo_img { width: 54px; height: 54px; border-radius: 50%;}
.shop_code .code { width: 290px; height: 409px; margin: auto; left: 0; right: 0; top: 20%; bottom: 0; }
@media only screen and (min-width: 100px) and (max-width: 320px) {
	.shop_code .code { top: 25%; }
}
.shop_code .code div { width: 290px; height: 409px; background-image: url(../images/w/shop_code.png); background-size: cover;}


/*系统消息*/
.system_messages .content .info .item { border-radius: 10px; box-shadow: 2px 5px 5px #e9e9e9;}
.system_messages .content .info .item .logo { width: 25px; height: 25px; border-radius: 50%;}
.system_messages .content .info .item .logo_img { width: 25px; height: 25px;}
.system_messages .content .no_info { width: 141px; height: 141px; margin: auto; left: 0; top: 0; right: 0; bottom: 0;}
.system_messages .content .no_info .bg { width: 141px; height: 141px; background-image: url(../images/default_graph/no.png); background-size: cover; }


/*收款记录*/
.collection_record { background-color: #ededee;}
.collection_record header div:nth-child(2) { padding: 0 40px;}
.collection_record header div:last-child { padding: 0;}
.collection_record header .regulate { right: 0; top: 20%;}
.collection_record .content .top>div { height: 115px;}
.collection_record .content .top .money { border-radius: 10px;}
.collection_record .content .info .icon { width: 40px; height: 40px; border-radius: 50%; }
.collection_record .content .info .icon img { width: 40px; height: 40px; }
.collection_record .content .info .vip { width: 23px; height: 13px; background-image: url(../images/coupon/vip.png); background-size: cover; display: inline-block; top: 2px; left: 6px;}
.collection_record .content .info .item { border-bottom: 1px solid #e9e9e9;}
.collection_record .content .no_info { width: 141px; height: 141px; margin: auto; left: 0; top: 0; right: 0; bottom: 0;}
.collection_record .content .no_info .bg { width: 141px; height: 141px; background-image: url(../images/default_graph/no.png); background-size: cover; }


/*l历史收款记录*/
.historical_collection_record { background-color: #ededee;}
.historical_collection_record .content .top .pull_down { width: 16px; height: 8px; background-image: url(../images/w/pull_down.png); background-size: cover; display: inline-block;}
.historical_collection_record .content  .icon { width: 40px; height: 40px; border-radius: 50%; }
.historical_collection_record .content  .icon img { width: 40px; height: 40px; }
.historical_collection_record .content  .vip { width: 23px; height: 13px; background-image: url(../images/coupon/vip.png); background-size: cover; display: inline-block; top: 2px; left: 6px;}
.historical_collection_record .content  .item { border-top: 1px solid #e9e9e9;}

/*404页面*/
.f_error header div:nth-child(2) { padding: 0 40px;}
.f_error header div:last-child { padding: 0; right: 0; top: 20%;}
/*.404_error header .regulate { right: 0; top: 20%;}*/
.errorPage .four_error { width: 127px; height: 127px; margin: auto; left: 0; top: 0; right: 0; bottom: 0;}
.errorPage .four_error .bg { width: 127px; height: 127px; background-image: url(../images/default_graph/eeror.png); background-size: cover;}
/*努力加载中*/
.loading.mask .wrap { width: 160px; height: 160px; border-radius: 20px;}
.loading.mask .wrap img { width: 160px;}

/**/
.loading1{}

/**/


/*无网络*/
.no_network .content .net { width: 141px; height: 141px; margin: auto; left: 0; right: 0; bottom: 0; top: 0;}
.no_network .content .net .bg { width: 141px; height: 141px; background-image: url(../images/default_graph/eeror.png); background-size: cover;}



/*等待*/
.wait .content .wait { width: 128px; height: 128px; margin: auto; left: 0; top: 0; right: 0; bottom: 0;}
.wait .content .wait .bg { width: 128px; height: 128px; background-image: url(../images/default_graph/wait.png); background-size: cover;}


/*vue加载时的花括号*/
[v-cloak] {display: none !important;}
/*提示语消失*/
.error-box.pad-t-10.red.center.mag-t-10.error span,.error-box.pad-t-10.red.center.mag-t-10.error i{display: inline-block;}
.error-box.pad-t-10.red.center.mag-t-10 span,.error-box.pad-t-10.red.center.mag-t-10 i{display: none;}



/*关于我们*/
.about_us .top { border-bottom: 1px solid #ccc;}
.about_us .top .logo { margin: auto;}
.about_us .top .logobg { height: 47px; background-image: url(../images/manage/a_01.png); background-size: cover; }
.about_us .top .bg_01 { width: 47px; background-size: cover; }
.about_us .top .bg_02 { width: 80px; background-image: url(../images/manage/a_02.png); background-size: cover; }
.about_us .top .bg_03 { width: 50px; background-image: url(../images/manage/a_03.png); background-size: cover; }
.about_us .top .wrap { width: 75px; height: 75px; border: 1px solid #fd5749; border-radius: 50%; line-height: 75px;margin: auto;}
.about_us .middle .bg { width: 148px; height: 83px; background-image: url(../images/manage/a_09.png); background-size: cover; margin: auto;}
.about_us .middle .urlbg { width: 20px; height: 20px; background-image: url(../images/manage/a_04.png); background-size: cover; }
.about_us .middle .fb { background-image: url(../images/manage/a_05.png);}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.about_us .middle .text { padding-left: 20px; padding-right: 20px;}
}
.about_us .bottom { border: 1px solid #ccc; border-radius: 10px;}
.about_us .bottom .bg { width: 20px; height: 20px; background-image: url(../images/manage/a_06.png); background-size: cover;}
.about_us .bottom .bg_02 { background-image: url(../images/manage/a_07.png);}
.about_us .bottom .bg_03 { width: 47px; background-image: url(../images/manage/a_08.png);}



/*意见反馈*/
.feedback { background-color: #ecedee;}
.feedback .message { width: 352px; height: 549px; background-image: url(../images/manage/f_01.png); background-size: cover; margin: auto;}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.feedback .message { width: 298px; height: 464px;}
	
}
.feedback .message .opinion textarea { width: 100%; height: 152px; background-color: transparent; border: none; outline: none;line-height: 2em;}
.feedback .message .pic_img { border: 1px solid #ccc; width: 22%; height: 60px; line-height: 60px;border-radius: 5px; margin-right: 2%; background-color: #fff;}
.feedback .message .pic_img img{ width: 100%; height: 100%;}
.feedback .message .pic_img input{ width: 100%; height: 100%; top: -85px; opacity: 0;}
.feedback .message .pic_img:nth-child(4n) { margin-right: 0;}
.feedback .message .send { bottom: -160px; left: 0;}
@media only screen and (min-width: 0px) and (max-width: 320px) {
	.feedback .message .send { bottom: -80px; left: 0;}
}


/*意见反馈成功*/
.feedback_success .bg { width: 178px; height: 178px; background-image: url(../images/default_graph/success.png); background-size: cover; margin: auto;}
.feedback_success .btn { border-radius: 30px;}
.feedback_success .bank50 { height: 30px;}
.feedback_success .bank80 { height: 30px;}
